import React from 'react';
import type { MenuProps } from 'antd';
import { 
  AppstoreOutlined, 
  BarChartOutlined, 
  AlertOutlined, 
  DatabaseOutlined, 
  LineChartOutlined, 
  DashboardOutlined,
  SafetyOutlined,
  AuditOutlined,
  LinkOutlined
} from '@ant-design/icons';

type MenuItem = Required<MenuProps>['items'][number];

export const monitoringMenu: MenuItem[] = [
  {
    key: '/monitoring/data-dashboard',
    icon: React.createElement(DashboardOutlined),
    label: '数据大盘'
  },
  {
    key: '/monitoring/risk-dashboard',
    icon: React.createElement(SafetyOutlined),
    label: '监控大盘'
  },
  {
    key: '/monitoring/rule-management',
    icon: React.createElement(AppstoreOutlined),
    label: '监管审计',
    children: [
      {
        key: '/monitoring/transaction-audit',
        icon: React.createElement(AuditOutlined),
        label: '交易审计'
      },
      {
        key: '/monitoring/data-tracing',
        icon: React.createElement(LinkOutlined),
        label: '数据溯源'
      }
    ]
  },
  {
    key: '/monitoring/info-collection',
    icon: React.createElement(DatabaseOutlined),
    label: '监测统计',
    children: [
      {
        key: '/monitoring/rule-list',
        label: '风控模型'
      },
      {
        key: '/monitoring/risk-record',
        label: '风险记录'
      }
    ]
  }

]; 